<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Author" content="Cyc">
    <title>兰图科技-移动校园</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/campus.css">
    <link rel="stylesheet" href="css/campusMedia.css">
	<script src="js/jquery-3.2.1.min.js"></script>
</head>
<body>
<!-- www.lantunet.com -->
	<!--header start-->
	<div id="header" class="clearfix">
		<div class="h-main">
			<!-- logo -->
			<div class="h-m-logo">
				<a href="index.html"><img src="img/logo.png" width="132" height="37"/></a>
			</div>
			<!-- nav -->
			<div class="h-m-nav">
				<ul class="list1">
					<li class="active"><a href="index.html">首页</a></li>
				    <li><a href="campus.html">移动校园</a></li>
					<li><a href="campus.html">经典案例</a></li>
					<li><a href="campus.html">公司动态</a></li>
					<li><a href="campus.html">招贤纳士</a></li>
					<li><a href="campus.html">联系我们</a></li>
				</ul>
				<ul class="list2">
					<li class="active"><a href="index.html">首页</a></li>
					<li><a href="index.html">移动校园</a></li>
					<li><a href="index.html">经典案例</a></li>
					<li class="more" onselectstart="return false">更多<img src="img/index/nav_icon.png" />
						<div class="more-hide">
							<ul>
								<li><a href="index.html">行业新闻</a></li>
								<li><a href="index.html">招贤纳士</a></li>
								<li><a href="index.html">联系我们</a></li>
								<li><a href="index.html">兰图家族</a></li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!--End header-->
	
	<!--content start-->
	<div id="content">
		<div class="c-part1">
			<div class="title">
				<p class="t1">兰途移动校园</p>
				<p class="t2">—— 我们做的不仅仅是APP</p>
			</div>
			<div class="bot">
				<span>梳理、提升、准备，我们为您提供一站式全生命周期的呵护</span>
				<span class="btn"></span>
			</div>
		</div>
		<div class="bg1 bg"></div>
		<div class="c-part2 part">
			<div class="warp"> 
				<div  class="left">
					<p class="lantu">兰途移动校园</p>
					<p>国内最有粘性的定制化移动校园</p>
					<p>不只是APP，更是新的校园生态系统</p>
				</div>
				<div class="right">
					<p class="tu">
						<img src="img/campus/m3.png" alt="">
					</p>
					<p class="quan">
						<img src="img/campus/ct3_out.png" alt="">
					</p>		
				</div>
			</div>
			<span class="btn"></span>
		</div>
		<div class="bg2 bg"></div>
		<div class="c-part3 part clear-float">
			<div class="warp p-r"> 
				<div  class="app-imgs p-r ">
					<ul class="h100 w100 p-a o-h">
						<li class="li-1"></li>
					</ul>
				</div>
				<div class="app-list f-l">
					<ul>
						<li class="l1 active"><span>基础服务</span></li>
                        <li class="l2"><span>迎新系统</span></li>
                        <li class="l3"><span>毕业就业</span></li>
                        <li class="l4"><span>教学教务</span></li>
                        <li class="l5"><span>科研教务</span></li>
                        <li class="l6"><span>智慧物联</span></li>
                        <li class="l7"><span>生活服务</span></li>
                        <li class="l8"><span>家长校友</span></li>
                        <li class="l9"><span>校园社区</span></li>
					</ul>
				</div>
				<div class="app-text f-r">
					<p class="title b-t f40">九大应用群</p>
					<p class="b-t f18">60多个独具粘性的独立应用</p>
					<p class="b-t f18">真正离不开的一站式校园服务</p>
				</div>
			</div>
			<span class="btn"></span>
		</div>
		<div class="bg3 bg"></div>
		<div class="c-part4 part">
			<div class="warp"> 
				<div  class="left">
					<p class="lantu">兰途移动校园</p>
					<p>国内最有粘性的定制化移动校园</p>
					<p>不只是APP，更是新的校园生态系统</p>
				</div>
				<div class="right">
					<p class="tu">
						<img src="img/campus/m3.png" alt="">
					</p>
					<p class="quan">
						<img src="img/campus/ct3_out.png" alt="">
					</p>		
				</div>
			</div>
			<span class="btn"></span>
		</div>
		<div class="bg4 bg"></div>
		<div class="c-part5 part">
			<div class="warp"> 
				<div  class="left">
					<p class="lantu">兰途移动校园</p>
					<p>国内最有粘性的定制化移动校园</p>
					<p>不只是APP，更是新的校园生态系统</p>
				</div>
				<div class="right">
					<p class="tu">
						<img src="img/campus/m3.png" alt="">
					</p>
					<p class="quan">
						<img src="img/campus/ct3_out.png" alt="">
					</p>		
				</div>
			</div>
			<span class="btn"></span>
		</div>
		<div class="bg5 bg"></div>
		<div class="c-part6 part">
			<div class="warp"> 
				<div  class="left">
					<p class="lantu">兰途移动校园</p>
					<p>国内最有粘性的定制化移动校园</p>
					<p>不只是APP，更是新的校园生态系统</p>
				</div>
				<div class="right">
					<p class="tu">
						<img src="img/campus/m3.png" alt="">
					</p>
					<p class="quan">
						<img src="img/campus/ct3_out.png" alt="">
					</p>		
				</div>
			</div>
		</div>
	</div>
	<!--end content-->
    <script src="js/campus.js"></script>


</body>
</html>





























